<template>
  <div>
    <h4>验证作用域表单的使用</h4>
    <!-- 我们引入使用子组件，我们的子组件里面的内容需要更具我们的意愿变化，所以不能固定死。 -->
    <!-- 但是作用域插槽的最本质的特点就是：作用域插槽是拥有自己的数据的，我们只需要改变作用域插槽这个组件的数据，那么我们就能做到这个作用域插槽组件跟随我们的意愿变动了 -->
    <!-- 那么我们要在父组件接收作用域插槽子组件传过来的值：方法是：slot-scope="接受传过来的数据的变量名称"【和具名插槽一起使用时的简写形式：#具名插槽名称="{接受传过来的数据的变量名称}"】 -->
    <child-vue slot-scope="data">
      <p>{{ data }}</p>
      <p>{{ data.name }}</p>
      <p>{{ data.age }}</p>
    </child-vue>
  </div>
</template>

<script>
import childVue from './child.vue'
export default {
  components: {
    childVue
  }
}
</script>

<style></style>
